/** * Created by wust on 2019/10/21. */
<template xmlns:v-data-dictionary-directive="http://www.w3.org/1999/xhtml">
  <el-form ref="detailModel" :model="detailModel" label-width="150px" @submit.native.prevent style="width: 90%;">
    <el-form-item label="接收者类型" prop="receiverType">
      {{detailModel.receiverTypeLabel}}
    </el-form-item>
    <el-form-item label="接收者">
      {{detailModel.receiverLabel}}
    </el-form-item>
    <el-form-item label="推送渠道">
      {{detailModel.sendChannelLabel}}
    </el-form-item>
    <el-form-item label="优先级别" prop="receiverType">
      {{detailModel.priorityLevelLabel}}
    </el-form-item>
    <el-form-item label="标题" prop="title">{{detailModel.title}}</el-form-item>
    <el-form-item label="内容" prop="content"><quill-editor class="editor" ref="myTextEditor" v-model="detailModel.content"></quill-editor></el-form-item>
  </el-form>
</template>
<script>
import Vue from 'vue'

export default {
  name: 'notification-detail',
  props: ['selectedModel'],
  data () {
    return {
      submitting: false,
      detailModel: {
        id: '',
        title: '',
        content: '',
        receiverType: '',
        receiver: '',
        priorityLevel: ''
      }
    }
  },
  created: function () {
    this.detailModel = this.selectedModel
  },
  methods: {
  }
}
</script>
